﻿@using Nop.Web.Framework.UI;
@{
    Html.AddScriptParts("~/Plugins/Widgets.ScrollTop/Scripts/jscolor.js");
    Html.AddCssFileParts("~/Plugins/Widgets.ScrollTop/Content/style.css");
}
@model ConfigurationModel
@using Nop.Plugin.Widgets.ScrollTop.Models;
@using Nop.Web.Framework;
@Html.Action("StoreScopeConfiguration", "Setting", new { area = "Admin" })

<style>
    fieldset {margin-top:4px; }
    .rightDiv { float:left;}
    .leftDiv {float:left; margin-right:20px;}
</style>
@using (Html.BeginForm())
{
    <div class="leftDiv">
    <fieldset>
        <legend><strong>@T("Plugins.Widgets.ScrollTop.PositionTitle")</strong></legend>
         <table class="adminContent">
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.PositionValues):
                </td>
                <td class="adminData">
                    @Html.DropDownList("PositionId", Model.PositionValues)
                </td>
            </tr>
         </table>
    </fieldset>
    <fieldset>
        <legend><strong>@T("Plugins.Widgets.ScrollTop.PictureTitle")</strong></legend>
        <table class="adminContent">
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.PictureId):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.PictureId)
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.PictureWidth):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.PictureWidth)
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    @Html.NopLabelFor(model => model.PictureHeight):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.PictureHeight)
                </td>
            </tr>
        </table>
    </fieldset>
    <table class="adminContent">
        <tr>
            <td>
                <input type="submit" name="save" class="k-button" value="@T("Admin.Common.Save")" />
            </td>
       </tr>
    </table>
</div>
}
<div class="rightDiv">
    <table class="adminContent">
        <tr>
            <td class="adminTitle">
                ScrollTop is a widget that enable to scroll from any where in the page to the top in one click.
                <br />
                <br />
                <h2><strong>Important !!!</strong></h2>
                When using cache services as CloudFlair or similar you should purge the css files since 
                <br />
                these services are chaching css files and when the widgit overide it you will not be able
                <br />
                to see it unless you pruge the file.

            </td>
        </tr>
       
    </table>
</div>
